<md-dialog aria-label="Image" class="crop-dialog">
    <md-content>

        <div layout="row" layout-align="center center">
            <crop image="original" out="cropped" ratio="ratio" width="width" maxWidth="maxWidth"></crop>
        </div>

        <div layout="row" layout-align="space-around center">
            <div>
                <md-button ng-click="rotateLeft()" aria-label="Rotate left">
                    <md-icon md-svg-src="assets/icons/grey/undo.svg" class="md-medium"></md-icon>
                </md-button>
            </div>
            <div>
                <md-button ng-click="rotateRight()" aria-label="Rotate right">
                    <md-icon md-svg-src="assets/icons/grey/repeat.svg" class="md-medium"></md-icon>
                </md-button>
            </div>
        </div>

    </md-content>
    <div class="md-actions" layout layout-padding>
        <span flex></span>
        <md-button ng-click="cancel()">Annuler</md-button>
        <md-button ng-click="answer('valider')" class="md-primary">Valider</md-button>
    </div>
</md-dialog>